---
name: 复选框 checkbox
route: /checkbox
---

import { Playground, PropsTable } from 'docz'
import Checkbox from './index.js'

import './index.scss'

# 复选框

`灯笼`青焰短,香印白灰销

## 代码演示

### 基本用法

checked状态由外部来维护，通过onchange事件修改checked

<Playground>
  <Checkbox checked={true}>灯笼</Checkbox>
</Playground>

### 不可用

<Playground>
  <Checkbox disabled checked/>
</Playground>

### 组

<Playground>
  <Checkbox.Group value={['active1', 'active3']}>
    <Checkbox value='active1'/>
    <Checkbox value='active2'/>
    <Checkbox value='active3'/>
  </Checkbox.Group>
</Playground>

## 属性

<PropsTable of={Checkbox} />